@for $var from 0 to 1200 {
    .w#{$var} {
        width: $var + rpx;
    }
    .min-w#{$var} {
        min-width: $var + rpx;
    }
    .max-w#{$var} {
        max-width: $var + rpx;
    }
    .h#{$var} {
        height: $var + rpx;
    }
    .min-h#{$var} {
        min-height: $var + rpx;
    }
    .max-h#{$var} {
        max-height: $var + rpx;
    }
}
@for $var from 0 to 101 {
    .vw#{$var} {
        width: $var + vw;
    }
    .min-vw#{$var} {
        min-width: $var + vw;
    }
    .max-vw#{$var} {
        max-width: $var + vw;
    }
    .vh#{$var} {
        height: $var + vh;
    }
    .min-vh#{$var} {
        min-height: $var + vh;
    }
    .max-vh#{$var} {
        max-height: $var + vh;
    }
}

.wb100 {
	width: 100%;
}
.hb100 {
	height: 100%;
}
